<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{
            font-size: 14px;
            background-color: #ebebeb;
        }
        .container{
            margin: 50px auto 0 auto;
            width: 600px;
        }
        article{
            background-color: white;
            padding: 20px;
            margin-bottom: 20px;
        }

        article .header{
            text-align: center;
            /*padding: 10px;*/
            /*line-height: 40px;*/
        }
        article .header span{
            font-size: 10px;
        }
        article .content{
            border-bottom: 1px solid #808080;
            padding-bottom: 10px;
        }
        article .content a{
            display: inline-block;
            width: 60px;
            height: 30px;
            border-radius: 3px;
            border: 1px solid darkgray;
        }
        article .keys{
            padding-top: 10px;
        }
    </style>
</head>
<body>
    <div class="container">
        <iterator value={articles}>
            <article>
                <div class="header">
                    <h3><property value={title}></property></h3>
                    <p><span>作者：<a href="/article/">东哥</a></span>&nbsp;<span><property value={date}></property></span></p>
                </div>
                <div class="content">
                    <p><property value={content}></property></p>
                    <a href="/article/get?id=<property value={_id}></property>">更多</a>
                </div>
                <div class="keys">
                    <span><property value={keys}></property></span>
                </div>
            </article>
        </iterator>
    </div>
</body>
</html>